<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--http://localhost:63342/Web/TrainContent/Demo.html?
username=李昆&password=李昆&email=12%40163.cpom&sport=3&history=11&history=12-->
<!--如果想在后端得到前台数据，前端就必须要有name属性，
如果没有name属性 就不会传到后端去，
比如说：date这个标签没有name属性，如果用get请求，就不会显示在网址上
这个可以在url中显示-->
    <form action="Demo.html" method="get">
        <input type="text"  name="username">用户名
        <input type="password"  name="password">密码<br>
        <p></p>
        <!--label 标签-->
        <label for="male">男</label>
        <input type="radio" name="human" id="male">
        <label for="famale">女</label>
        <input type="radio" name="human" id="famale"><br>
        <p></p>

        <input type="text" name="city" list="data">
            <datalist id="data">
                <option value="1">beijing</option>
                <option value="2">london</option>
                <option value="3">paris</option>
                <option value="4">NewYork</option>
            </datalist>
        <br>
        <p></p>
        <input type="email" name="email" >email <br>
        <!--radio/checkbox 传到后端的是 value值  记住了！！！！！-->
        <input type="radio" name="sport" value="1">篮球
        <input type="radio" name="sport" value="2">皮球
        <input type="radio" name="sport" value="3">皮球
        <br>
        <input type="checkbox" name="history" value="11">成吉思汗
        <input type="checkbox" name="history" value="12">李世民
        <input type="checkbox" name="history" value="13">朱元璋
        <br>

        <input type="date" name="date">
        <br>
        <input type="number" minlength="">
        <input type="range" minlength="1" maxlength="12" value="2">
        <br>


        <input type="submit">
    </form>

</body>
</html>